@import 'wildcard/src/global-styles/breakpoints';

// Match Monaco styling for the intermediate input displayed while
// lazy-loading the MonacoQueryInput, to avoid unstable UI.
.lazy-monaco-query-input--intermediate-input {
    height: 100%;
    font-size: 0.75rem;
    border: none;
    padding-left: 0;
    padding-right: 0;

    &:focus {
        box-shadow: none;
    }

    :global(.theme-redesign) & {
        @media (--xs-breakpoint-down) {
            height: auto;
            padding: 0;
        }
    }
}
